<template>
    <div>
        <!-- 共用头部组件 -->
        <common-header
            headerTitle="开通流程"
            :hasBack="true"
            :hasHome="true"
        ></common-header>
        <!-- 共用头部组件 -->

        <!-- 共用页面滚动组件 -->
        <common-scroll
            :scrollStyle="scrollStyle"
            :isLoadMore="false"
        >

            <img
                class="join-step-img"
                src="@/assets/images/joinUs/join-step1.jpg"
            />
            <img
                class="join-step-img"
                src="@/assets/images/joinUs/join-step2.jpg"
            />
            <img
                class="join-step-img"
                src="@/assets/images/joinUs/join-step3.jpg"
            />
            <img
                class="join-step-img"
                src="@/assets/images/joinUs/join-step4.jpg"
            />
            <div
                class="concat-btn"
                @click="goService"
            >联系客服</div>

        </common-scroll>
        <!-- 共用页面滚动组件 -->
    </div>
</template>

<script>
import CommonHeader from '@/components/Header'
import CommonScroll from '@/components/Scroll'
export default {
    name: 'JoinStep',
    components: {
        CommonHeader,
        CommonScroll
    },
    data () {
        return {
            scrollStyle: {
                top: "1.11rem",
                left: "0",
                right: "0",
                bottom: "0",
                background: "#fff"
            }
        }
    },
    mounted () {
        window.easemobim = window.easemobim || {}
        easemobim.config = {
            hide: true,
            autoConnect: true,
            hideKeyboard: true
        }
    },
    methods: {
        goService () {
            easemobim.bind({ configId: "c490fa9c-6496-48ea-992a-667f779852ae" })
            this.$router.push('/userCenter')
        }
    }
}
</script>

<style lang="stylus" scoped>
.join-step-img
    width 100%
.concat-btn
    line-height 1.3rem
    text-align center
    background #d7463c
    font-size 0.38rem
    color #fff
</style>
